<template>
  <el-button @click="msg">msg</el-button>
  <el-button @click="msgError">msgError</el-button>
  <el-button @click="msgSuccess">msgSuccess</el-button>
  <el-button @click="msgWarning">msgWarning</el-button>
  <el-divider/>

  <el-button @click="alert">alert</el-button>
  <el-button @click="alertError">alertError</el-button>
  <el-button @click="alertSuccess">alertSuccess</el-button>
  <el-button @click="alertWarning">alertWarning</el-button>
  <el-divider/>

  <el-button @click="notify">notify</el-button>
  <el-button @click="notifyError">notifyError</el-button>
  <el-button @click="notifySuccess">notifySuccess</el-button>
  <el-button @click="notifyWarning">notifyWarning</el-button>
  <el-divider/>

  <el-button @click="confirm">confirm</el-button>
  <el-button @click="prompt">prompt</el-button>
  <el-divider/>

  <el-button @click="load">load</el-button>
</template>

<script setup>
import feedback from "@/utils/feedback";

const msg = () => {
  feedback.msg('提示...')
}
const msgError = () => {
  feedback.msgError('错误...')
}
const msgSuccess = () => {
  feedback.msgSuccess('成功...')
}
const msgWarning = () => {
  feedback.msgWarning('警告...')
}
const alert = () => {
  feedback.alert('提示')
}
const alertError = () => {
  feedback.alertError('错误')
}
const alertSuccess = () => {
  feedback.alertSuccess('成功')
}
const alertWarning = () => {
  feedback.alertWarning('警告')
}
const notify = () => {
  feedback.notify('提示')
}
const notifyError = () => {
  feedback.notifyError('错误')
}
const notifySuccess = () => {
  feedback.notifySuccess('成功')
}
const notifyWarning = () => {
  feedback.notifyWarning('警告')
}
const confirm = () => {
  feedback.confirm('是否确认')
}
const prompt = () => {
  feedback.prompt('内容', '标题')
}
const load = () => {
  feedback.loading('正在加载中...')
  feedback.closeLoading()
}

</script>

<style>

</style>
